@charset "utf-8";
@import "./mixins";

html, body {
  height: 100%;
  background: #f7f8f9;
  color: @text-color;
}

* {
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
}

.g-container {
  min-height: 100%;
  .logo {
    display: inline-block;
    width: 54px;
    height: 54px;
    background: url(../images/common/logo.png) no-repeat;
    background-size: 100% 100%;
    vertical-align: middle;
  }
  .logo-txt {
    margin-top: 10px;
    font-size: 16px;
    color: #fff;
  }
  .g-slider-menu {
    background-color: #404040;
  }
  .g-content {
    display: flex;
    padding: 0 24px;
    flex-direction: column;
  }
  .g-pages {
    display: flex;
    flex-direction: column;
    flex: 1;
    .g-form {
      margin-top: 24px;
      padding: 24px;
      background-color: #fff;
      .btn-bar {
        text-align: left;
        margin-left: 90px;
      }
      .ant-form-item-label {
        max-width: 90px;
        text-align: right;
      }
    }
    .g-table-cell {
      flex: 1;
      margin-top: 24px;
      padding: 24px;
      background-color: #fff;

      .operation-cell {
        width: 100px;
      }
    }
  }
}
.login-pages {
  // background: url(../images/common/login-background.png) no-repeat #fff;
  // background-size: 100% 100%;
  .login-icon {
    position: absolute;
    bottom: 0px;
    left: 0;
    height: 263px;
    width: 100%;
    background: url(../images/common/login-icon@2x.png) no-repeat; 
    background-size: 100% 100%;
  }
}